<template>
  <div>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="pattern_name" label="pattern_name" width="180">
      </el-table-column>
      <el-table-column prop="period_type" label="period_type" width="180">
      </el-table-column>
      <el-table-column prop="trans_no" label="trans_no" width="180">
      </el-table-column>
      <el-table-column prop="exchange" label="exchange" width="180">
      </el-table-column>
      <el-table-column prop="symbol" label="symbol" width="180">
      </el-table-column>
      <el-table-column prop="open_order_no" label="order_no" width="180">
      </el-table-column>
      <el-table-column prop="open_order_price" label="order_price" width="180">
      </el-table-column>
      <el-table-column
        prop="open_order_volume"
        label="order_volume"
        width="180"
      >
      </el-table-column>
      <el-table-column prop="open_order_time" label="order_time" width="180">
      </el-table-column>
      <el-table-column prop="open_executed_no" label="executed_no" width="180">
      </el-table-column>
      <el-table-column
        prop="open_executed_price"
        label="executed_price"
        width="180"
      >
      </el-table-column>
      <el-table-column
        prop="open_executed_volume"
        label="executed_volume"
        width="180"
      >
      </el-table-column>
      <el-table-column prop="open_method" label="method" width="180">
      </el-table-column>
      <el-table-column
        prop="open_executed_time"
        label="executed_time"
        width="180"
      >
      </el-table-column>
      <el-table-column prop="close_order_no" label="order_no" width="180">
      </el-table-column>
      <el-table-column prop="close_order_price" label="order_price" width="180">
      </el-table-column>
      <el-table-column
        prop="close_order_volume"
        label="order_volume"
        width="180"
      >
      </el-table-column>
      <el-table-column prop="close_order_time" label="order_time" width="180">
      </el-table-column>
      <el-table-column prop="close_executed_no" label="executed_no" width="180">
      </el-table-column>
      <el-table-column
        prop="close_executed_price"
        label="executed_price"
        width="180"
      >
      </el-table-column>
      <el-table-column
        prop="close_executed_volume"
        label="executed_volume"
        width="180"
      >
      </el-table-column>
      <el-table-column prop="close_method" label="method" width="180">
      </el-table-column>
      <el-table-column
        prop="close_executed_time"
        label="executed_time"
        width="180"
      >
      </el-table-column>
      <el-table-column prop="status" label="status" width="180">
      </el-table-column>
      <el-table-column prop="profit_percent" label="profit_percent" width="180">
      </el-table-column>
      <el-table-column
        prop="high_or_low_price_since_open"
        label="high_or_low_price_since_open"
        width="180"
      >
      </el-table-column>
      <el-table-column prop="stop_type" label="stop_type" width="180">
      </el-table-column>
      <el-table-column
        prop="stop_profit_value"
        label="stop_profit_value"
        width="180"
      >
      </el-table-column>
      <el-table-column
        prop="stop_loss_value"
        label="stop_loss_value"
        width="180"
      >
      </el-table-column>
      <el-table-column prop="trans_plan" label="trans_plan" width="180">
      </el-table-column>
      <el-table-column
        prop="signal_push_type"
        label="signal_push_type"
        width="180"
      >
      </el-table-column>
      <el-table-column prop="gw_type" label="gw_type" width="180">
      </el-table-column>
      <el-table-column prop="trigger_method" label="trigger_method" width="180">
      </el-table-column>
    </el-table>
    <button @click="sss()">123</button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      tableData: this.$store.state.data
      // tableData: [
      //   {
      //     pattern_name: this.$store.state.data.pattern_name,
      //     period_type: this.$store.state.data.period_type,
      //     trans_no: this.$store.state.data.transaction.trans_no,
      //     exchange: this.$store.state.data.transaction.exchange,
      //     symbol: this.$store.state.data.transaction.symbol,
      //     open_order_no: this.$store.state.data.transaction.open_order.order_no,
      //     open_order_price: this.$store.state.data.transaction.open_order
      //       .order_price,
      //     open_order_volume: this.$store.state.data.transaction.open_order
      //       .order_volume,
      //     open_order_time: this.$store.state.data.transaction.open_order
      //       .order_time,
      //     open_executed_no: this.$store.state.data.transaction.open_order
      //       .executed_no,
      //     open_executed_price: this.$store.state.data.transaction.open_order
      //       .executed_price,
      //     open_executed_volume: this.$store.state.data.transaction.open_order
      //       .executed_volume,
      //     open_method: this.$store.state.data.transaction.open_order.method,
      //     open_executed_time: this.$store.state.data.transaction.open_order
      //       .executed_time,
      //     close_order_no: this.$store.state.data.transaction.close_order
      //       .order_no,
      //     close_order_price: this.$store.state.data.transaction.close_order
      //       .order_price,
      //     close_order_volume: this.$store.state.data.transaction.close_order
      //       .order_volume,
      //     close_order_time: this.$store.state.data.transaction.close_order
      //       .order_time,
      //     close_executed_no: this.$store.state.data.transaction.close_order
      //       .executed_no,
      //     close_executed_price: this.$store.state.data.transaction.close_order
      //       .executed_price,
      //     close_executed_volume: this.$store.state.data.transaction.close_order
      //       .executed_volume,
      //     close_method: this.$store.state.data.transaction.close_order.method,
      //     close_executed_time: this.$store.state.data.transaction.close_order
      //       .executed_time,
      //     status: this.$store.state.data.transaction.status,
      //     profit_percent: this.$store.state.data.transaction.profit_percent,
      //     high_or_low_price_since_open: this.$store.state.data
      //       .high_or_low_price_since_open,
      //     stop_type: this.$store.state.data.stop_type,
      //     stop_profit_value: this.$store.state.data.stop_profit_value,
      //     stop_loss_value: this.$store.state.data.stop_loss_value,
      //     trans_plan: this.$store.state.data.trans_plan,
      //     signal_push_type: this.$store.state.data.signal_push_type,
      //     gw_type: this.$store.state.data.gw_type,
      //     trigger_method: this.$store.state.data.trigger_method
      //   }
      // ]
    }
  },
  methods: {
    sss() {
      console.log(this.tableData)
    }
  }
}
</script>
